import { ajax } from './ajax.js';

let selbj = document.getElementById('selbj');
let selxs = document.getElementById('selxs');

//#region 班级的部分

//查询班级信息的办法
function querybj() {
  ajax.post('/linkinfo/queryAllClass', {}, (data) => {
    if (!data.success) {
      alert(data.message);
      return;
    }
    console.log('班级列表：', data.list);
    showbj(data.list);
  });
}

//显示班级信息的办法

function showbj(list) {
  for (let i = 0; i < list.length; i++) {
    let info = list[i];
    console.log('班级信息', info);
    //生成班级的选项
    let op = document.createElement('option');
    op.setAttribute('value', info.cid);
    op.append(info.cname);

    selbj.append(op);
  }
  //设置默认值
  let index = parseInt(list.length / 2);
  selbj.value = list[index].cid;
  //班级变化就要调用查询学生的方法
  queryxs();
}

selbj.addEventListener('change', queryxs);

querybj();

//#endregion

//#region 学生的部分

function queryxs() {
  // 先要获取选中的班级信息
  let cid = selbj.value;
  console.log('选中的班级编号：', cid);
  //查询学生信息
  ajax.post(
    '/linkinfo/queryStudentByClass',
    {
      cid: cid,
    },
    (data) => {
      if (!data.success) {
        alert(data.message);
        return;
      }
      console.log('学生列表：', data.list);
      showxs(data.list);
    }
  );
}

function showxs(list) {
  //清除掉原有的学生信息
  selxs.innerHTML = '';
  for (let i = 0; i < list.length; i++) {
    let info = list[i];
    let op = document.createElement('option');
    op.setAttribute('value', info.sid);
    op.append(info.sname);
    selxs.append(op);
  }
}


//#endregion